<template>
  <div>
    <Row class="margin-top-20">
      <i-button :class="active ? 'ivu-btn-primary' : ''" @click="active = true">绑定状态查询</i-button>
      <i-button :class="!active ? 'ivu-btn-primary' : ''" @click="active = false">支付消息查询</i-button>
    </Row>
    <bind-search v-if="active"></bind-search>
    <history-msg v-else></history-msg>
  </div>
</template>

<script>
import BindSearch from './components/BindSearch'
import HistoryMsg from './components/payHistoryMsg'

export default {
  name: 'cloudSpeaker',
  components: {
    BindSearch,
    HistoryMsg
  },
  data() {
    return {
      active: true
    }
  }
}
</script>

<style lang="less" scoped>
  @import '../terminal.less';
</style>
